<template>
  <div class="roast-detail">


        <!-- 论坛区域 -->
    <div class="main-luntan" >
      <iframe 
        :src=" roast.flarum_url "
        width="100%" 
        height="800px" 
        frameborder="0"
        allow="fullscreen"
      ></iframe>
    </div>
  </div>
</template>

<script>


export default {
  name: 'RoastDetail',
  data() {
    return {
      roast: {
        flarum_url: ''
      }
    }
  },
  created() {
    // 从路由参数中获取 flarum_url
    this.roast.flarum_url = this.$route.query.flarum_url || '';
  }
}
</script>

<style scoped>
.roast-detail {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.iframe-container {
  width: 100%;
  max-width: 1200px;
}


.roast-detail iframe {
  width: 100%;
  height: 88vh;
  margin-top: -50px;
}
</style>